
<template>
<div class="index">
	<div id="title-top" class="clearfix w1230">
			<div id="title-left" class="fl">
				<div class="fl dkuan clearfix">
				<em class="denglvys">喵，欢迎来天猫</em>
					<div v-if="uname" class="denglvys">
						<a class="ys loging uname" href="javascript:;" @click="gereninfo">{{uname}}</a>
						<a href="http://127.0.0.1:8080/#/" class="loging dd" @click="tc">退出</a>
					</div>
					<div v-else class="denglvys">
						<a class="ys loging" href="#/login">请登录</a>
						<a href="#/zhuce" class="loging dd">免费注册</a>
						<!-- <router-link to="/login" class="ys login">请登录</router-link>
						<router-link to="/zhuce" class="login dd">免费注册</router-link> -->
					</div>
				</div>
			</div>
			<div id="title-rigth" class="fr">
				<ul class="fr clearfix" id="title-nav">
					<li class="cd" id="tb"><a href="javascript:;">我的淘宝</a>
						<div class="box1">
								<a href="javascript:;">已买到的宝贝</a>
								<a href="javascript:;">已卖到的宝贝</a>
						</div>
					</li>												
					<li class="gwc"><a href="javascript:;" @click="tiaogouwu">购物车</a></li>
					<li class="scj cd" id="scj"><a href="javascript:;">收藏夹</a>
						<div class="box2">
								<a href="javascript:;" @click="tiaobb">收藏的宝贝</a>
								<a href="javascript:;" @click="tiaodp">收藏的店铺</a>
						</div>
					</li>
					<li class="sx">|</li>
					<li class="gwc cd" id="sjb"><a href="javascript:;">手机版</a>
						<div id="sjx"></div>
						<div id="ewm">
							<!-- <span><p>天猫新人奖</p></span> -->
						</div>
					</li>
					<li class="gwc" id="tbw"><a href="#/">天猫网</a></li>
					<li class="sjzc cd" id="sjzc"><a href="javascript:;">商家支持</a>
						<div id="sjzc-wrap">							
						<ul class="sjzc-info clearfix">
							<h4>商家:</h4>
							<li class="sj"><a href="javascript:;">商家中心</a></li>
							<li class="sj"><a href="javascript:;">天猫规则</a></li>
							<li class="sj"><a href="javascript:;">商家入驻</a></li>
							<li class="sj"><a href="javascript:;">运营规则</a></li>
							<li class="sj"><a href="javascript:;">商家品控</a></li>
							<li class="sj"><a href="javascript:;">商家工具</a></li>
							<li class="sj"><a href="javascript:;">天猫智库</a></li>
							<li class="sj"><a href="javascript:;">喵言喵语</a></li>
						</ul>
						<ul class="sjzc-info clearfix">
							<h4>帮助:</h4>
							<li class="sj"><a href="#">帮助中心</a></li>
							<li class="sj"><a href="#">问商友</a></li>
						</ul>							
						</div>							
					</li>
					<li class="wzdh cd" id="wzd"><a href="#">网站导航</a>
						<div id="wz" class="clearfix">
							<div class="wzdh-wrap fl" id="nav1">
								<h2>热点推荐Hot</h2>
								<ul class="wzdh-info clearfix">
									<li class="wzdh fl"><a href="javascript:;">天猫超市</a></li>
									<li class="wzdh fl"><a href="javascript:;">喵鲜生</a></li>
									<li class="wzdh fl"><a href="javascript:;">科技新品</a></li>
									<li class="wzdh fl"><a href="javascript:;">女装新品</a></li>
									<li class="wzdh fl"><a href="javascript:;">酷玩街</a></li>
									<li class="wzdh fl"><a href="javascript:;">内衣新品</a></li>
									<li class="wzdh fl"><a href="javascript:;">试美妆</a></li>
									<li class="wzdh fl"><a href="javascript:;">运动新品</a></li>
									<li class="wzdh fl"><a href="javascript:;">时尚先生</a></li>
									<li class="wzdh fl"><a href="javascript:;">精明妈咪</a></li>
									<li class="wzdh fl"><a href="javascript:;">吃乐汇</a></li>
									<li class="wzdh fl"><a href="javascript:;">企业采购</a></li>
									<li class="wzdh fl"><a href="javascript:;">会员积分</a></li>
									<li class="wzdh fl"><a href="javascript:;">天猫国际</a></li>
									<li class="wzdh fl"><a href="javascript:;">品质频道</a></li>
								</ul>
							</div>
							<div class="wzdh-wrap fl" id="nav2">
								<h2 class="blue">行业市场 Market</h2>
								<ul class="wzdh-info clearfix">
									<li class="wzdh fl"><a href="javascript:;">美妆</a></li>
									<li class="wzdh fl"><a href="javascript:;">电器</a></li>
									<li class="wzdh fl"><a href="javascript:;">女装</a></li>
									<li class="wzdh fl"><a href="javascript:;">男装</a></li>
									<li class="wzdh fl"><a href="javascript:;">女鞋</a></li>
									<li class="wzdh fl"><a href="javascript:;">男鞋</a></li>
									<li class="wzdh fl"><a href="javascript:;">内衣</a></li>
									<li class="wzdh fl"><a href="javascript:;">箱包</a></li>
									<li class="wzdh fl"><a href="javascript:;">运动</a></li>
									<li class="wzdh fl"><a href="javascript:;">母婴</a></li>
									<li class="wzdh fl"><a href="javascript:;">家装</a></li>
									<li class="wzdh fl"><a href="javascript:;">医药</a></li>
									<li class="wzdh fl"><a href="javascript:;">食品</a></li>
									<li class="wzdh fl"><a href="javascript:;">配饰</a></li>
									<li class="wzdh fl"><a href="javascript:;">汽车</a></li>
								</ul>
							</div>
							<div class="wzdh-wrap fl"  id="fu">
								<h2 class="blue">服务指南 Help</h2>
								<ul class="wzdh-info clearfix">
									<li class="wzdh1 fl"><a href="javascript:;">帮助中心</a></li>
									<li class="wzdh1 fl"><a href="javascript:;">品质保障</a></li>
									<li class="wzdh1 fl"><a href="javascript:;">特色服务</a></li>
									<li class="wzdh1 fl"><a href="javascript:;">7天退换货</a></li>
								</ul>
							</div>
						</div>
					</li>
				</ul>
			</div>
	</div>
			<router-view></router-view>
	<div class="foot">
		<div class="foot-s">
				<div class="you clearfix">
					<a></a>
					<a class="a21"></a>
					<a class="a3"></a>
					<a class="a4"></a>
				</div>
				<div class="youz clearfix">
					<dl class="gwzn">
						<dt><span>购物指南</span></dt>
						<dd class="d1">
							<a>免费注册</a>
							<a>开通支付宝</a>
							<a>支付宝充值</a>
						</dd>
					</dl>
					<dl class="gwzn">
						<dt><span>天猫保障</span></dt>
						<dd class="d1">
							<a>发票保障</a>
							<a>售后规则</a>
							<a>缺货赔付</a>
						</dd>
					</dl>
					<dl class="gwzn">
						<dt><span>支付方式</span></dt>
						<dd class="d1">
							<a>快捷支付</a>
							<a>信用卡</a>
							<a>余额宝</a>
							<a>蚂蚁花呗</a>
							<a>货到付款</a>
						</dd>
					</dl>
					<dl class="gwzn">
						<dt><span>商家服务</span></dt>
						<dd  class="d1">
							<a>天猫规则</a>
							<a>商家入驻</a>
							<a>商家中心</a>
							<a>天猫智库</a>
							<a>物流服务</a>
							<a>喵言喵语</a>
							<a>运营服务</a>
						</dd>
					</dl>
					<dl class="gwzn">
						<dt><span>手机天猫</span></dt>
						<dd  class="d1">
							<a id="dbewm"><img src="../assets/img/ys/dbewm.png"></a>
						</dd>
					</dl>
				</div>
		</div>
			<div class="fi">
				<div class="footinfo clearfix">
					<ul class="lianjie clearfix">
						<li><a href="">关于天猫</a></li>
						<li><a href="">帮助中心</a></li>
						<li><a href="">开放平台</a></li>
						<li><a href="">诚聘英才</a></li>
						<li><a href="">联系我们</a></li>
						<li><a href="">网站合作</a></li>
						<li><a href="">法律声明</a></li>
						<li><a href="">隐私权政策</a></li>
						<li><a href="">知识产权</a></li>
						<li><a href="">廉政举报</a></li>
					</ul>
					<ul class="lianjie clearfix">
					<li><a href="">阿里巴巴集团</a></li>
					<li><a href="">淘宝网</a></li>
					<li><a href="">天猫</a></li>
					<li><a href="">聚划算</a></li>
					<li><a href="">全球速卖通</a></li>
					<li><a href="">阿里巴巴国际交易市场</a></li>
					<li><a href="">1688</a></li>
					<li><a href="">阿里妈妈</a></li>
					<li><a href="">飞猪</a></li>
					<li><a href="">阿里云计算</a></li>
					<li><a href="">AliOS</a></li>
					<li><a href="">阿里通信</a></li>
					<li><a href="">万网</a></li>
					<li><a href="">高德</a></li>
					<li><a href="">UC</a></li>
					<li><a href="">友盟</a></li>
					<li><a href="">虾米</a></li>
					<li><a href="">钉钉</a></li>
					<li><a href="">支付宝</a></li>
					</ul>
					<div class="lianjie-foot">
						增值电信业务经营许可证：<a href="">浙B2-20110446</a>
						网络文化经营许可证：<a href="">浙网文[2015]0295-065号</a>
						<a href="">12318举报</a>
						<a href="">出版物网络交易平台服务经营备案证： 新出发浙备字第001号</a>				
						互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com
						互联网药品信息服务资质证书编号：<a>浙-（经营性）-2017-0005</a>
						<a href=""><img src="../assets/img/ys/jc.png">浙公网安备 33010002000120号</a><br>
						（浙）网械平台备字[2018]第00002号<br>
						<span>© 2003-2018 TMALL.COM 版权所有</span>
					</div>
				</div>
			</div>
	</div>
	<div id="chebian">
		<div id="dwnav">
			<div class="cbmm"><a class="mma"></a>
				<div class="cbmm-z">
					<span>会员权益</span>
				</div>
			</div>
			<div class="cbcc" ><a><span>购物车</span></a></div>
			<div class="cbqq"><a></a>
				<div class="cbqq-z">
					<span>我的资产</span>
				</div>
			</div>
			<div class="cbxx"><a></a>
				<div class="cbxx-z">
					<span>我的收藏</span>
				</div>
			</div>
			<div class="cbnz"><a></a>
				<div class="cbnz-z">
					<span>我看过的</span>
				</div>
			</div>
			<div class="cbcz"><a></a>
				<div class="cbcz-z">
					<span>我要充值</span>
				</div>
			</div>
			<div class="cbxz" ><a></a>
				<div class="cbxz-z">
					<span>用户反馈</span>
				</div>
			</div>
			<div class="cbew"><a id="ca"></a>
				<div class="cbm">
					<div id="cbm-wrap">
						<img src="../assets/img/ys/cbm.png">
					</div>
					<div id="cbz-wrap">
						<img src="../assets/img/ys/cbwz.png">
					</div>
				</div>	
			</div>
			<div class="cbdb"><a></a>
				<div class="cbdb-z">
					<span>回到顶部</span>
				</div>
			</div>
		</div>
	</div>
</div>
</template>
<script>
export default {
	data(){
		return{
			uname:'',
		}
	},
	methods:{
		tiaogouwu(){
			var _this=this
			if(this.uname){
				this.$router.push("/gwche")
			}else{
				this.$toast({
                    message:"用户未登录，请先登录",
                    duration:1000
                })
                 setTimeout(function(){
                     _this.$router.push("/login")
                 },1000)
			}
		},
		gereninfo(){
			this.$router.push("/geren")
		},
		tiaodp(){
			var _this=this
			if(this.uname){
				this.$router.push("/shoucang/dp")
			}else{
				this.$toast({
                    message:"用户未登录，请先登录",
                    duration:1000
                })
                 setTimeout(function(){
                     _this.$router.push("/login")
                 },1000)
			}
		},
		tiaobb(){
			var _this=this
			if(this.uname){
				this.$router.push("/shoucang/bb")
			}else{
				this.$toast({
                    message:"用户未登录，请先登录",
                    duration:1000
                })
                 setTimeout(function(){
                     _this.$router.push("/login")
                 },1000)
			}
		},
		tc(){
			axios.get('/api/tc').then((data)=>{
				console.log(data.data.num)
				if(data.data.num){
					this.uname=false;
					this.$router.push('/')
				}
			})
		},
	},
	created(){
			axios.get('/api/').then((data)=>{
				this.uname=data.data
			})
		}
}
</script>

<style scoped>
.denglvys{
	float: left;
}
@keyframes run{
	0%{left:-120px;opacity: 0.2;}
	25%{left: -110px;opacity: 0.4;}
	50%{left: -100px;opacity: 0.6;}
	75%{left: -90px;opacity: 0.8;}
	100%{left: -85px;opacity: 1;}
}
.cbmm-z,.cbqq-z,.cbxx-z,.cbnz-z,.cbcz-z,.cbxz-z,.cbdb-z{
	display: none;
	top:0;
	left:-85px;
	font-size: 12px;
	text-align: center;
	line-height: 35px;
	background: #494949;
	position: absolute;
	width: 85px;
	height: 35px;
}
.cbmm-z::before,.cbqq-z::before,.cbxx-z::before,.cbnz-z::before,.cbcz-z::before,.cbxz-z::before,.cbdb-z::before{
	position: absolute;
	bottom:10px;
	right:-8px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top:8px solid transparent; 
	border-left:8px solid #494949;
	border-bottom:8px solid transparent; 
}
.cbmm-z>span,.cbqq-z>span,.cbxx-z>span,.cbnz-z>span,.cbcz-z>span,.cbxz-z>span,.cbdb-z>span{
	width: 100%;
	height: 100%;
	color: #fff;
}
#cbz-wrap{
	width: 155px;
	text-align:center;
}
#cbz-wrap>img{
	margin: 0 auto;
}
.cbm::before{
	position: absolute;
	bottom:20px;
	right:-5px;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-top:5px solid transparent; 
	border-left:5px solid #999;
	border-bottom:5px solid transparent; 
}
.cbm{
	display: none;
	bottom: -10px;
	position: absolute;
	right: 34px;
	width: 155px;
	height: 207px;
	background: url("../assets/img/ys/cbmwrap.png") no-repeat;
}
#cbm-wrap{
	padding-top:45px;
	text-align: center;
	width: 155px;
	height: 145px;
}
#cbm-wrap img{
	width: 100px;
	height: 100px;
}
#dwnav{
	position: relative;
	width: 100%;
	height: 100%;
}
.cbdb>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbdb:hover{
	background: #FF0036;
}
.cbdb>a:hover{
	background:url("../assets/img/ys/cbdb.png") no-repeat;
	color: #fff;
}
.cbdb{
	margin: 10px auto;
	bottom: 7px;
	background: url("../assets/img/ys/cbdb.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbm:hover #ca{
	background:url("../assets/img/ys/cbew.png") no-repeat;
	color: #fff;
}
.cbew>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbew:hover{
	background: #FF0036;
}
.cbew>a:hover{
	background:url("../assets/img/ys/cbew.png") no-repeat;
	color: #fff;
}
.cbew{
	margin: 10px auto;
	bottom: 40px;
	background: url("../assets/img/ys/cbew.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbxz>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbxz:hover{
	background: #FF0036;
}
.cbxz>a:hover{
	background:url("../assets/img/ys/cbxz.png") no-repeat;
	color: #fff;
}
.cbxz{
	margin: 10px auto;
	bottom: 75px;
	background: url("../assets/img/ys/cbxz.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbxx>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbxx:hover{
	background: #FF0036;
}
.cbxx>a:hover{
	background:url("../assets/img/ys/cbxx.png") no-repeat;
	color: #fff;
}
.cbxx{
	margin: 10px auto;
	top: 420px;
	background: url("../assets/img/ys/cbxx.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbnz>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbnz:hover{
	background: #FF0036;
}
.cbnz>a:hover{
	background:url("../assets/img/ys/cbnz.png") no-repeat;
	color: #fff;
}
.cbnz{
	margin: 10px auto;
	top: 465px;
	background: url("../assets/img/ys/cbnz.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbqq>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbqq:hover{
	background: #FF0036;
}
.cbqq>a:hover{
	background:url("../assets/img/ys/cbqq.png") no-repeat;
	color: #fff;
}
.cbqq{
	margin: 10px auto;
	top: 380px;
	background: url("../assets/img/ys/cbqq.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbcz>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbcz:hover{
	background: #FF0036;
}
.cbcz>a:hover{
	background:url("../assets/img/ys/cbcz.png") no-repeat;
	color: #fff;
}
.cbcz{
	margin: 15px auto;
	top: 505px;
	background: url("../assets/img/ys/cbcz.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbmm>a{
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbmm:hover{
	background: #FF0036;
}
.cbmm:hover .cbmm-z{
	display: block;
	animation: run .3s linear;
}
.cbqq:hover .cbqq-z{
	display: block;
	animation: run .3s linear;
}
.cbxx:hover .cbxx-z{
	display: block;
	animation: run .3s linear;
}
.cbnz:hover .cbnz-z{
	display: block;
	animation: run .3s linear;
}
.cbcz:hover .cbcz-z{
	display: block;
	animation: run .3s linear;
}
.cbdb:hover .cbdb-z{
	display: block;
	animation: run .3s linear;
}
.cbew:hover .cbm{
	display: block;
}
.cbxz:hover .cbxz-z{
	display: block;
	animation: run .3s linear;
}
.cbmm>a:hover{
	background:url("../assets/img/ys/cbmm.png") no-repeat;
	color: #fff;
}
.cbmm{
	margin:25px auto 0;
	top: 220px;
	background: url("../assets/img/ys/cbmm.png") no-repeat;
	position: absolute;
	width: 35px;
	height: 35px;
}
.cbcc>a{
	font-size: 12px;
	color: #fff;
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer;
}
.cbcc>a>span{
	padding:30px 0 0 10px;
	width: 12px;
	display: block;
}
.cbcc:hover{
	background: #FF0036;
}

.cbcc>a:hover{
	background:url("../assets/img/ys/cbcch.png") no-repeat;
	color: #fff;
}
.cbcc{
	border-top: solid 1px #333;
	border-bottom: solid 1px #333;
	margin: 0 auto;
	top:285px;
	background: url("../assets/img/ys/cbcc.png") no-repeat;
	position: absolute;
	width: 35px;
	height:100px;
}
#chebian{
	position: fixed;
	background: #000;
	display: block;
	width: 35px;
	height:100%;
	z-index: 999;
	top: 0;
	right: 0;
}

#dbewm{
	display: block;
	width: 105px;
	height: 105px;
}
.gwzn>#dbewm>img{
	width: 100%;
	height: 100%;
}
dt>span{
	font-size: 16px;
	font-weight:700;
	text-align: left;
	line-height: 40px;
	color: #646464;
}
.d1{
	width: 186px;
	height: 60px;
}
.d1>a{
	cursor: pointer;
	display: block;
	font-size: 12px;
	overflow: hidden;
	text-align: left;
	width: 100px;
	height: 20px;
	color: #8b8b8b;
	line-height: 20px;
}
.d1>a:hover{
	color: #8b8b8b;
}
.youz{
	background-size: 68px 25px;
	background: url("../assets/img/ys/mm.png") no-repeat 46px bottom;
	padding-top: 22px;
	margin: 0 auto;
	border-top: 1px solid #ededed;
	width:1200px;
	height: 215px;
}
.gwzn{
	padding-left: 52px;
	float: left;
	width: 238px;
	height: 90px;
}
dt{
	width: 186px;
	height: 30px;
}
.foot-s{
	width:100%;
}
.you{
	border-bottom: #F2F2F2 1px solid;
	margin: 25px auto;
	width:1200px;
	height: 100px;
}
.you>a{
	background-image: url("../assets/img/ys/zh.jpg");
	overflow: hidden;
	width: 300px;
	height: 100px;
	float: left;
}
.a21{
	background-position-x: -300px;
}
.a3{
	background-position-x: -600px;
}
.a4{
	background-position-x: -900px;
}
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
body,ul,li,p,h1,h2,h3,em{
	
}
img{
	vertical-align: middle;
}
li{
	list-style: none;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
}
.w1230{
	width: 1230px;
}
h1,h2,h3{
	font-weight: normal;
}
a{
	/* width: 100%; */
	text-decoration: none;
	color: #999;
	list-style: none;
	outline: 0;
}
.index{
	width: 100%;
	height: 32px;
	background: #f2f2f2;
}
.bl{
	display: block;
}
.bn{
	display: none;
}
a:hover{
	color:#FF0036;
}
.loging{
	padding:0 10px;
}
.ys{
	padding-left: 20px;
}
.dd{
	padding-right: 0;
}
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
.dkuan{
	width: 300px;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.mrhs{
	color: firebrick;
}
p{
	width: 218px;
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
}
em{
	color: #999;
	font-style: normal;
}
#top{
	height: 100%;
	height: 630px;
}
#title{
	height: 32px;
	background: #f2f2f2;
}
#title-top{
	height: 32px;
	margin: 0 auto;
}
#title-left{
	font-size: 12px;
}
#title-left,#title-rigth{
	height: 32px;
	line-height: 32px;
}
#title-rigth #tb{
	position: relative;
}
#title-rigth .sjzc{
	position: relative;
}
#title-rigth #scj{
	position: relative;
}

#title-rigth #sjb{
	position: relative;
}
#title-rigth .wzdh{
	position: relative;
}
#title-nav li{
	text-align: center;
	display: inline-block;
	float: left;
}
#title-nav>li>a{
	width: 100%;
	height: 32px;
	display: block;
}
#title-nav li:last-child{
	padding-right: 0;
}
.box1{
	background: #FFFFFF;	
	z-index: 999;
	min-width:100px;
	min-height: 90px;
	display: none;
	top: 30px;
	left:-1px;
	position: absolute;
	border: 1px solid #eee;
}
#tb:hover .box1{
	display: block;
}
#tb:hover>a{
	color: #FF0036;
}
.box2{
	background: #FFFFFF;
	z-index:999;
	min-width:100px;
	min-height: 90px;
	display: none;
	top: 30px;
	left:-1px;
	position: absolute;
	border: 1px solid #eee;
}
#scj:hover>a{
	color: #FF0036;
}
#scj:hover .box2{
	display: block;
}
.box1 a,.box2 a{
	padding-top: 10px;
	display: block;
	font-size:12px;
	color:#787878;
}
.box1 a:hover,.box2 a:hover{
	color: #FF0036;
}
.activ{
	color: #FF0036;
}
.cd:last-child{
	margin-left: 0;
}

#tbw{
	margin-left:10px;
}
.gwc{
	margin-left: 10px;
}
.cd{
	margin-left:10px;
	min-width:70px;
}
.cd:hover{
	background:#ffff;
}
#sjb:hover>a{
	color: #FF0036;
}
#sjb:hover #sjx{
display: block;
}
#sjb:hover #ewm{
	display: block
}
#ewm{
	z-index: 999;
	background: url(../assets/img/ys/wzewm.png) no-repeat center bottom;
	/* background-position-y:10px; */
	min-width:170px;
	min-height:227px;
	display: none;
	top:30px;
	left:50%;
	margin-left: -90px;
	position: absolute;
	border: 1px solid #eee;
}
#ewm>span{
	line-height:35px;
	overflow: hidden;
	text-indent: -999px;
	width:170px;
	height:35px;
	position: absolute;
	background:#fff;
	bottom:0px;
	left:0;
}
#ewm>span>p{
	line-height:35px;
	overflow: hidden;
	text-indent: -999px;
	width:170px;
	height:35px;
	position: absolute;
	background: url(../assets/img/ys/ewmdb.png) no-repeat bottom center;
	bottom:0px;
	left:-5px;
}
#sjb{
	/* background: #fff; */
	position: relative;
}
#sjzc:hover>a{
	color: #FF0036;
}
#sjzc:hover #sjzc-wrap{
	display: block;
}
#sjzc-wrap{
	background: #fff;
	min-width:150px;
	min-height:180px;
	display: none;
	top: 30px;
	z-index: 1;
	left:-1px;
	position: absolute;
	border: 1px solid #eee;
}
.sjzc-info{
	background: #FFFFFF;
	z-index: 999;
	line-height:4px;
	min-width:160px;
	margin:5px;
	border-bottom:dotted 1px #999;
}
h4{
	color: #666666;
	margin:0;
	padding:10px;
	text-align: left;
}
.sj{
	float: left;
	margin:10px;
	padding: 0;
}
#sjx{
	display: none;
	bottom:2px;
	left:50%;
	margin-left:-8px;
	position: absolute;
	width: 0;
	height: 0;
	border:8px solid #eee;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top: 8px solid transparent;
}
#wz{
	background: #FFFFFF;
	z-index: 999;
	display: none;
	right: 0;
	position:absolute;
	width:1200px;
	height:140px;
}
#wzd:hover #wz{
display: block;
}
#wzd:hover>a{
	color: #FF0036;
}
.wzdh-wrap:first-child{
	border-left: #F2F2F2 solid 1px;
}
.wzdh-wrap{
	border-bottom:#F2F2F2 solid 1px;
	border-right: #F2F2F2 solid 1px;
	padding: 10px;
	width:500px;
	height:140px;
}
.wzdh-wrap h2{
	text-align:left;
	font-size: 16px;
	color:#f56a00;
	line-height: 24px;
	padding-left:6px;
}
.wzdh-info{
	line-height: 30px;
}
#wz>.wzdh-wrap>.wzdh-info>li{
	width: 95px;
	float: left;
	text-align: left;
	padding-left: 6px;
}
.wzdh-info li>a{
	color: #666666;
}
.wzdh-info li>a:hover{
	color: #FF0036;
}
.wzdh-wrap .blue{
	color: #2263d4;
}
#fu h2{
	margin-bottom: 10px;
	color: #666666;
}
#fu{
	width: 180px;
	height: 140px;
}
#nav1 a:hover{
	color:#f56a00;
}
#nav2 a:hover{
	color:#2263d4;
}
#fu a:hover{
	color: #333;
}
#wz>.wzdh-wrap>.wzdh-info>.wzdh1{
	width: 75px;
}



.foot{
	border-top: #ddd 1px solid;
	background: #fff;
	width: 100%;
	height: 600px;	
}
.fi{
	border-top: 2px solid #FF0036;
	background: #000;
	width: 100%;
	height: 200px;
}
.footinfo{
	text-align: left;
	margin:0 auto;
	width: 1190px;
	height:177px ;
}
.lianjie{
	padding: 5px 0;
	line-height: 25px;	
	width: 1190px;
	height: 35px;
}
.lianjie li{
	font-size: 13px;
	margin-right:10px;
	float: left;
	min-width: 28px;
	height: 35px;
	color: #fff;
}
.lianjie>li>a{
	font: 12px;
	color: #fff;
	text-decoration: none;
}
.lianjie>li>a:hover{
	text-decoration:underline;
}
.lianjie-foot{	
	float: left;
	width:100%;
	height: 85px;
	line-height: 25px;
	color: #666;
	font-size: 13px;
}
.lianjie-foot a{
	height: 20px;
	margin-right:55px ;
	color: #999999;
	font-size: 13px;
	text-decoration: none;
}
.lianjie-foot a:hover{
	text-decoration: underline;
}
.lianjie-foot span{
	color:#999;
}
button{
	border: none;
	outline: none;
	cursor: pointer;
}
input{
	/* padding-left: 42px;
	width: 300px;
	height: 40px;
	margin: 20px 25px 0 25px; */
	outline: none;
	border: none;
}
/* input:last-child{
	padding-left: 0;
	opacity: .9;
}
input:last-child:hover{
	opacity: 1;
} */
#bnt{
	border: none;
	background: #ff0036;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
	margin-bottom:20px;
}
.wrap{
	z-index: 9;
	text-align: center;
	border: none;
	width: 38px;
	height:38px;
	line-height: 38px;
	background:#ddd;
}
.user{
	position: relative;
}
.pword{
	position: relative;
}
.ur{
	top: 79px;
	left: 26px;
	position: absolute;
}
.pw{
	top: 139px;
	left: 26px;
	position: absolute;
}

i.icon-suo1{
	font-size: 22px;
	color: #606060;
}
i.icon-user{
	font-size: 22px;
	color: #606060;
}
.yc{
	display: none;
}
</style>

